<template> 

  <div class="">
    <div class="campus-job-page">  
    <div class="header">  
      <h1 class="title">欢迎来到校园招聘</h1>  
      <nav>  
        <ul>  
          <li> <router-link to="/user-login">登录</router-link></li>  
          <li><router-link to="/job-list">浏览招聘信息</router-link></li>  
          <li> <router-link to="/job-post">发布招聘信息</router-link></li>  
        </ul>  
      </nav>  
    </div>
    <!-- 在这里添加其他内容和组件 -->  
  </div>  
  </div>

</template>

<style scoped>  
.campus-job-page {  
  /* 设置页面样式 */  
  width: 100%;  
  height: 100vh;  
  display: flex;  
  flex-direction: column;  
}  
  
.header {  
  /* 设置头部样式 */  
  display: flex;  
  justify-content: space-between;  
  align-items: center;  
  padding: 20px;  
  background-color: #f5f5f5;  
}  
  
.title {  
  /* 设置标题样式 */  
  font-size: 24px;  
  font-weight: bold;  
  text-align: center;  
}  
  
nav {  
  /* 设置导航栏样式 */  
  display: flex;  
  justify-content: space-around;  
}  
  
nav ul {  
  /* 设置导航栏列表样式 */  
  list-style: none;  
  padding: 0;  
}  
  
nav ul li {  
  /* 设置导航栏列表项样式 */  
  display: inline-block;  
  padding: 10px;  
}  
</style>
